import { Component, Input } from '@angular/core';
import { Hero } from '../../model/hero';

@Component({
  selector: 'hero-detail',
  template:`
  <div *ngIf="hero">
    <h2>{{hero.name}} details!</h2>
    <div><label>id为: </label>{{hero.id}}</div>
    <div>
        <label>name: </label>
        <input [(ngModel)]="hero.name" placeholder="name"/>
    </div>
  </div>
  `
})

export class HeroDetailComponent {
    @Input() hero: Hero;
}